{% extends "bulls/base_bulls.html" %}
{% load staticfiles %}

{% block title %} home page {% endblock%}
{% block head %}
<link rel="stylesheet" type="text/css" href="{% static 'bulls/css/home.css' %}">
<script src="{% static 'bulls/js/home.js' %}"></script>
{% endblock %}


{% block contentArea %}
    <div id="contentArea">

        <div class="contentRow">
            {% include "bulls/home/bannerPicArea.html" %}

            <div id="ad1">
                <a href="javascript:"><img src="{% static 'bulls/tempSrc/QQ20140430145119.png' %}" /></a>
            </div>
        </div>

        <div class="contentRow">
            <div id="newsArea">
                <div class="areaBanner">
                    <div class="areaBannerTitle">新闻</div>
                    <a class="areaBannerMore" href="javascript:">更多</a>
                </div>
                <div class="areaContent">
                    {% for new in news %}
                         <a class="newsItem" href="{% url 'bulls:content' news_id=new.id %}">
                            <span class="newsTime">{{ new.create_time|date:"m-d" }}</span>
                            <span class="newsTitle">{{ new.title }}</span>
                        </a>
                    {% endfor %}

                </div>
            </div>
            <div id="picsArea">
                <div class="areaBanner">
                    <div class="areaBannerTitle">精彩图集</div>
                    <a class="areaBannerMore" href="javascript:">更多</a>
                </div>
                <div class="areaContent">
                    <a class="picItem" href="javascript:" photo>
                        <img src="{% static 'bulls/tempSrc/QQ20140430145119.png' %}" class="picImage">
                        <div class="picItemInfo">
                            图集标题图集标题图集标题图集标题图集标题图集标题
                        </div>
                    </a>
                    <a class="picItem" href="javascript:" photo>
                        <img src="{% static 'bulls/tempSrc/QQ20140430145119.png' %}" class="picImage">
                        <div class="picItemInfo">
                            图集标题图集标题图集标题图集标题图集标题图集标题
                        </div>
                    </a>
                    <a class="picItem" href="javascript:" photo>
                        <img src="{% static 'bulls/tempSrc/QQ20140430145119.png' %}" class="picImage">
                        <div class="picItemInfo">
                            图集标题图集标题图集标题图集标题图集标题图集标题
                        </div>
                    </a>
                    <a class="picItem" href="javascript:" photo>
                        <img src="{% static 'bulls/tempSrc/QQ20140430145119.png' %}" class="picImage">
                        <div class="picItemInfo">
                            图集标题图集标题图集标题图集标题图集标题图集标题
                        </div>
                    </a>
                    <a class="picItem" href="javascript:" photo>
                        <img src="{% static 'bulls/tempSrc/QQ20140430145119.png' %}" class="picImage">
                        <div class="picItemInfo">
                            图集标题图集标题图集标题图集标题图集标题图集标题
                        </div>
                    </a>
                    <a class="picItem" href="javascript:" photo>
                        <img src="{% static 'bulls/tempSrc/QQ20140430145119.png' %}" class="picImage">
                        <div class="picItemInfo">
                            图集标题图集标题图集标题图集标题图集标题图集标题
                        </div>
                    </a>
                </div>
            </div>
        </div>

        <div class="contentRow">
            <div id="riderData">
                <div class="areaBanner">
                    <div class="areaBannerTitle">骑手资料</div>
                    <a class="areaBannerMore" href="javascript:">更多</a>
                </div>
                <div class="areaContent">
                    <a class="riderDataItem" href="javascript:">
                        <img src="{% static 'bulls/tempSrc/QQ20140430145119.png' %}" class="riderImage" />
                        <div class="riderInfo">rider name name</div>
                    </a>
                    <a class="riderDataItem" href="javascript:">
                        <img src="{% static 'bulls/tempSrc/QQ20140430145119.png' %}" class="riderImage" />
                        <div class="riderInfo">rider name name</div>
                    </a>
                    <a class="riderDataItem" href="javascript:">
                        <img src="{% static 'bulls/tempSrc/QQ20140430145119.png' %}" class="riderImage" />
                        <div class="riderInfo">rider name name</div>
                    </a>
                    <a class="riderDataItem" href="javascript:">
                        <img src="{% static 'bulls/tempSrc/QQ20140430145119.png' %}" class="riderImage" />
                        <div class="riderInfo">rider name name</div>
                    </a>
                    <a class="riderDataItem" href="javascript:">
                        <img src="{% static 'bulls/tempSrc/QQ20140430145119.png' %}" class="riderImage" />
                        <div class="riderInfo">rider name name</div>
                    </a>
                    <a class="riderDataItem" href="javascript:">
                        <img src="{% static 'bulls/tempSrc/QQ20140430145119.png' %}" class="riderImage" />
                        <div class="riderInfo">rider name name</div>
                    </a>
                    <a class="riderDataItem" href="javascript:">
                        <img src="{% static 'bulls/tempSrc/QQ20140430145119.png' %}" class="riderImage" />
                        <div class="riderInfo">rider name name</div>
                    </a>
                </div>
            </div>
        </div>

        <div class="contentRow">
            <div id="weiboArea">
                <div class="areaBanner">
                    <div class="areaBannerTitle">官方</div>
                    <a class="areaBannerMore" href="javascript:">更多</a>
                </div>
                <div class="areaContent">

                </div>
            </div>
            <div id="ad2">
                <a href="javascript:"><img src="{% static 'bulls/tempSrc/QQ20140430145119.png' %}" /></a>
            </div>
        </div>

        <div class="contentRow">
            <div id="ad3">
                <div class="areaContent">
                    <a class="ad3Item" href="javascript:">
                        <img src="{% static 'bulls/tempSrc/QQ20140430145119.png' %}" class="ad3ItemImage" />
                    </a>
                    <a class="ad3Item" href="javascript:">
                        <img src="{% static 'bulls/tempSrc/QQ20140430145119.png' %}" class="ad3ItemImage" />
                    </a>
                    <a class="ad3Item" href="javascript:">
                        <img src="{% static 'bulls/tempSrc/QQ20140430145119.png' %}" class="ad3ItemImage" />
                    </a>
                    <a class="ad3Item" href="javascript:">
                        <img src="{% static 'bulls/tempSrc/QQ20140430145119.png' %}" class="ad3ItemImage" />
                    </a>
                    <a class="ad3Item" href="javascript:">
                        <img src="{% static 'bulls/tempSrc/QQ20140430145119.png' %}" class="ad3ItemImage" />
                    </a>
                    <a class="ad3Item" href="javascript:">
                        <img src="{% static 'bulls/tempSrc/QQ20140430145119.png' %}" class="ad3ItemImage" />
                    </a>
                    <a class="ad3Item" href="javascript:">
                        <img src="{% static 'bulls/tempSrc/QQ20140430145119.png' %}" class="ad3ItemImage" />
                    </a>
                </div>
            </div>
        </div>

    </div>
{% endblock %}